html, body {
  background: #f7f7f7;
	margin: 0;
	color: #606266;
}
ul {
  margin: 0;
  padding: 0;
  // list-style: none;
}

a {
  text-decoration: none;
  color: inherit;
}
.flex {
  display: flex;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.align-center {
  display: flex;
  align-items: center;
}

.justify-center {
  display: flex;
  justify-content: center;
}

.flex-wrap {
	display: flex;
	flex-wrap: wrap;
}
// font-size
@each $value in 12, 14, 16, 18, 20, 22, 24, 26, 28, 30, 32 {
	.f-#{$value} {
		font-size: #{$value}px;
	}
}

$withArr: 4, 8, 12, 16, 20, 24, 28, 32, 36, 40, 44, 48;
// padding
@each $value in $withArr {
	.p-#{$value} {
		padding: #{$value}px;
	}
}
@each $value in $withArr {
	.px-#{$value} {
		padding-left: #{$value}px;
		padding-right: #{$value}px;
	}
}
@each $value in $withArr {
	.py-#{$value} {
		padding-top: #{$value}px;
		padding-bottom: #{$value}px;
	}
}
@each $value in $withArr {
	.pt-#{$value} {
		padding-top: #{$value}px;
	}
}
@each $value in $withArr {
	.pb-#{$value} {
		padding-bottom: #{$value}px;
	}
}
@each $value in $withArr {
	.pr-#{$value} {
		padding-right: #{$value}px;
	}
}
@each $value in $withArr {
	.pl-#{$value} {
		padding-left: #{$value}px;
	}
}

// margin
@each $value in $withArr {
	.m-#{$value} {
		margin: #{$value}px;
	}
}
@each $value in $withArr {
	.mx-#{$value} {
		margin-left: #{$value}px;
		margin-right: #{$value}px;
	}
}
@each $value in $withArr {
	.my-#{$value} {
		margin-top: #{$value}px;
		margin-bottom: #{$value}px;
	}
}
@each $value in $withArr {
	.mt-#{$value} {
		margin-top: #{$value}px;
	}
}
@each $value in $withArr {
	.mb-#{$value} {
		margin-bottom: #{$value}px;
	}
}
@each $value in $withArr {
	.mr-#{$value} {
		margin-right: #{$value}px;
	}
}
@each $value in $withArr {
	.ml-#{$value} {
		margin-left: #{$value}px;
	}
}

// el-table
.el-table {
  th {
    background-color: #f7f8fa;
  }
  table tr {
    td,th{
      height: 50px;
    }
  }
  .image-cell {
    padding: 6px 0;
    .cell {
      display: flex;
      align-items: center;
    }
  }
}

.ql-container {
  min-height: 180px;
}